.p1{
    width: 108px;
    height: 32px;

    background-image:  url(Before2.png);

}
.p1:hover{
    cursor: pointer;
    background-image: url(After2.png);
}


.container{
    width: 400px;
    height: 200px;
    border: 1px;
    background-color: rgba(248, 221, 229, 0.811);
}

.p2{
    float: left;
    margin-left: ;
    margin-top: 20px;
}

.p3{
    float: left;
    border: 1px solid red;
    border-radius: 2px;
    color: red;
    margin-left: -115px;
    margin-top: 80px;
}

.p4{
    float: left;
    color: rgba(0, 0, 0, 0.6);
    margin-left: -115px;
    margin-top: 100px;
}

.container img{
    float: left;
    width: 150px;
    height: 150px;
    margin-left: 225px;
    margin-top:-50px;
}